/**
 * 这个例子演示了把年龄列隐藏，通过columns.render方法把年龄的值拼接到姓名列
 *
 * 更多关于render 的用法连接详见 columns.renderOption
 * https://datatables.club/reference/option/columns.render
 */
/**
 * 初始化并配置DataTable插件，对 #example表格进行处理。
 *
 * 本函数主要配置了两方面：
 * 1. 对第一列数据的渲染方式进行了自定义，即在原有数据基础上增加了括号内的额外信息。
 * 2. 隐藏了第四列数据，虽然它在渲染第一列时被用到，但在表格显示中并不需要。
 */
$(function () {
    $('#example').DataTable({
        "columnDefs": [
            // 自定义第一列（targets: 0）的渲染方式
            {
                "render": function (data, type, row) {
                    // 返回拼接后的字符串，data为当前单元格数据，row[3]为第四列数据
                    return data + ' (' + row[3] + ')';
                },
                "targets": 0
            },
            // 隐藏第四列（targets: [3]）
            {
                "visible": false,
                "targets": [3]
            }
        ]
    });
});
